<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:sec="http://www.springframework.org/security/facelets/tags"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:composition>
        <c:if test="#{sec:ifAnyGranted('ROLE_ADMIN, ROLE_VISTOB')}">
        <p:fieldset legend="Emisión de Visto Bueno">
            <h:panelGrid columns="4" cellspacing="8">
                <h:outputLabel value="Usuario:"/>
                <h:inputText readonly="true" value="#{request.getUserPrincipal().getName()}" />
                <h:selectBooleanCheckbox id="visto" value="#{managerCrearObservacion.vistoBueno}"/>
                <h:outputLabel  value="Visto Bueno" />
            </h:panelGrid>
        </p:fieldset>
        </c:if>
        <br/>
        <p:growl showDetail="true" id="msj"/>
        <p:fieldset legend="Ingresar observación al expediente">
            <c:if test="#{sec:ifAnyGranted('ROLE_ADMIN, ROLE_VISTOB')}">
            <h:panelGrid columns="1" width="500">
                <h:outputLabel for="observacion" value="Observación:" />
                <h:inputTextarea id="observacion" value="#{managerCrearObservacion.observacion}"  style="width: 800px; height: 150px;"/>
                <p:commandButton  image="ui-icon ui-icon-disk" value="Guardar" update="tablaObserva msj observacion visto"  process="@this observacion visto" action="#{managerCrearObservacion.guardarInformacionObservacion}"/>
            </h:panelGrid>
            </c:if>
            <br/>
            <p:outputPanel id="tablaObserva">
                <p:dataTable value="#{managerCrearObservacion.listaObservacion}" var="item" paginator="true">
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Correlativo" />
                        </f:facet>
                        <h:outputText value="#{item.idobservacion}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Usuario" />
                        </f:facet>
                        <h:outputText value="#{item.nombreusuario}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Observación" />
                        </f:facet>
                        <h:outputText value="#{item.observacion}" />
                    </p:column>
                </p:dataTable>
                <br/>
                <c:if test="#{sec:ifAnyGranted('ROLE_ADMIN, ROLE_VISTOB')}">
                <h:outputText value="Si desea remover una observacion debe ingresar el correlativo de la fila y hacer clic en el botón Eliminar"/>
                <h:panelGrid columns="3" width="500" id="eliminarObserva">
                    <h:outputLabel for="eliminar1" value="Introduzca correlativo: "/>
                    <h:inputText id="eliminar1" value="#{managerCrearObservacion.correlativo}" onkeypress="return acceptNum(event);"/>
                    <p:commandButton image="ui-icon ui-icon-trash" value="Eliminar" action="#{managerCrearObservacion.removerObserva}" process="@this eliminarObserva" update="eliminarObserva tablaObserva msj" />
                </h:panelGrid>
                </c:if>
            </p:outputPanel>
        </p:fieldset>
    </ui:composition>
</html>